<template>

    https://github.com/antoniandre/splitpanes

    <t-divider>需要加class="default-theme"，否则没有拖动条</t-divider>

    https://antoniandre.github.io/splitpanes/

    <div class='container'>
        <splitpanes style="height: 400px" class="default-theme">
            <pane min-size="20">1</pane>
            <pane>
                <splitpanes horizontal>
                    <pane>2</pane>
                    <pane>3</pane>
                    <pane>4</pane>
                </splitpanes>
            </pane>
            <pane>5</pane>
        </splitpanes>
    </div>
</template>
<script setup lang='ts'>
import { ref } from 'vue';
// ignore 忽略类型检查
// @ts-ignore
import { Splitpanes, Pane } from 'splitpanes';
import 'splitpanes/dist/splitpanes.css'
</script>
<style lang='scss' scoped></style>
